.tableBorder{
  height: 101%;
  width: 99%;
}
.table{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.SecurityManagement{
  width: 100%;
  height: 35%;
  display: flex;
}
.separate{
  display: block;
  height: 4px;
  background: linear-gradient(90deg, rgba(31,198,255,0.6) 0%, rgba(31,198,255,0) 100%);
  margin: 2vh 0;
}
.SecurityManagementPictureBorder{
  width: 6.25vw;
  height: 11.11112vh;
  position: relative;
}
.SecurityManagementPicture{
  height: 100%;
  width: 100%;
}
.SecurityManagementPictureImg{
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("/static/img/1Fuser.svg") no-repeat center;
  background-size: 100%;
  z-index: 20;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
}
.SecurityManagementList{
  height: 11.11112vh;
  padding-left: 1vw;
}
.SecurityManagementList li{
  width: 9.1vw;
  height: 3vh;
  margin-bottom: 0.7vh;
  background: rgba(29,76,126,0.3);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #1790b9;
  display: flex;
  justify-content: start;
  align-items: center;
}
.SecurityManagementList li p{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  width: 4.5vw;
  padding-left: 0.5vw;
}
.SecurityManagementList li b{
  font-size: 12px;
  font-weight: 400;
}
.SchedulingSituation{
  margin-top: 1.5vh;
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.SchedulingSituationSum{
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.SchedulingSituationSum div{
  width: 100%;
  padding-top: 1vh;
}
.SchedulingSituationSum div b{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.SchedulingSituationSum div p{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.SchedulingSituationSum div span{
  font-size: 18px;
  color: #23C7FF;
  font-weight: 800;
}
.SchedulingSituationSum i{
  width: 48px;
  height: 48px;
  display: flex;
  background: url("/static/img/1Fuser.svg") no-repeat center;
  background-size: 100%;
}
.SchedulingSituationTable{
  width: 70%;
  height: 100%;
}
.KeyAreasList{
  width: 40%;
  height: 100%;
}
.KeyAreasList li{
  width: 100%;
  display: flex;
  padding-bottom: 0.5vh;
  align-items: center;
}
.KeyAreasList li div{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FF386B;
  display: flex;
  justify-content: center;
  align-items: center;
}
.KeyAreasList li:nth-child(2) div{
  background: #EDA915;
}
.KeyAreasList li:nth-child(3) div{
  background: #23C7FF;
}
.KeyAreasList li:nth-child(n+4) div{
  background: #4d5b67;
}
.KeyAreasList li p{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  padding-left: 0.8vw;
}
.KeyAreas{
  width: 100%;
  height: 100%;
  display: flex;
}
.KeyAreas i{
  width: 55%;
  height: 100%;
  display: flex;
  background: url("/static/img/hospitalImg.jpg") no-repeat 0 0;
  background-size: 110%;
}
.waterImg{
  margin-right: 4vw;
  width: 7vw;
  height: 6.25vw;
  border-radius: 50%;
}
